<template>
    <div class="main">
        <div class="bottom">
	        <div class="container">
		        <div id="bottom_left">
                    <ul>
                        <li>
                            <a class="title">产品中心</a>
                            <ul>
                                <li><a>汽车电子</a></li>
                                <li><a>车联网产品</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="title">产品中心</a>
                            <ul>
                                <li><a>新能源车辆监控服务平台解决方案</a></li>
                                <li><a>校车运营管理解决方案</a></li>
                                <li><a>校车运营管理解决方案</a></li>
                                <li><a>成功案例</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="title">新闻中心</a>
                            <ul>
                                <li><a>行业新闻</a></li>
                                <li><a>行业资讯</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="title">关于我们</a>
                            <ul>
                                <li><a>关于云视车联</a></li>
                            </ul>
                        </li>
                    </ul>
		    </div>
		<div id="bottom_right">
		<a class="title">联系我们</a>
				<ul>
					<li><a>云视车联网络科技有限公司</a></li>
					<li><a>邮编：355502</a></li>
					<li><a>电话：000-000-0000</a></li>
					<li><a>网址：www.xxx.com</a></li>
					<li><a>地址：天津自贸试验区</a></li>
				</ul>
		    </div>
	    </div>
        </div>
    </div>
</template>
<script>

export default {
    
}
</script>
<style scoped>
	ul,li{
		list-style-type:none;
	}
    .bottom{
		height:200px;
		width:100%;
		background:#333;
	}
	.container{
		height:150px;
		width:80%;
		margin:auto;
		position:relative;
		top:30px;
	}
	#bottom_left{
		height:100%;
		width:67%;
		float:left;
		border-right:1px solid white;
	}
	#bottom_right{
		height:100%;
		width:30%;
		float:right;
	}
	#bottom_left>ul>li{
		float:left;
		margin-right:40px;
		line-height:20px;
		font-size:12px;
		color:white;
	}
	#bottom_right>ul>li{
		margin-right:40px;
		line-height:20px;
		font-size:12px;
	}
	#bottom_left a,#bottom_right a{
		color:white;
	}
	.title{
		font-size:14px;
		font-weight:bold;
	}
</style>